<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            //第一步：获取标签对象
            var but = document.getElementById("s123");
            //alert(but);
            /**
             *  document: JS中的一个对象，表示当前html整个页面的内容
             *  getElementById: 意思如下：
             *  get： 获取
             *  Element： 元素（就是标签）
             *  By： 通过...,(由....),(经....)
             *  Id： id属性
             *  综上：在xxx页面，通过id属性获取标签对象
             */
            //第二步：通过标签对象.事件名=function(){}
            but.onclick = function () {

                alert("onclick动态注册！");
            }
        }
    </script>
</head>
<body>
<button id="s123">按钮1</button>
<button>按钮2</button>
<button>按钮3</button>

</body>
</html>